Section 1 — Header / Nav

Section 1 — Header / Navigation Bar

Sticky on scroll 6 nav items from Step 3 B2B entry — top right Height: 64px, White bg, 1px bottom border

Logo: Lotus-bud / namaste icon (described in brief) + "MGRM Medicare" in Lora 600 + category sub-label in Open Sans 700 Sky Blue
Primary nav: 5 items centred (My Account is a button, not nav text). "Shop by Condition" is active state with Sky Blue underline border.
Search icon: Opens inline search overlay on click — not a new page.
Cart icon: Shows item count badge. Links to cart drawer or /cart page.
My Account: Deep Blue filled button — dominant consumer CTA in header.
Institutional Login: Ghost button after a 1px vertical divider. Muted text (#63666a), light border. On hover: Deep Blue text + border. Redirects to portal.mgrm.com/login. NEVER opens a dropdown or modal.
Mega menu: "Shop by Condition" triggers 4-column mega menu on hover (see Step 3).

Section 2 — Hero

India's trusted rehabilitation & healthcare brand

Live without limits.
We'll handle the rest.

Post-surgery, post-injury, or on the road to prevention — MGRM gives you the clinically designed support, medicine, and care to get back to the life you love.

Hero lifestyle photograph

Adult (40–55), mid-recovery at home. Warm morning light. Knee brace visible but not dominant. Expression: calm confidence, not distress. Natural indoor setting. NOT a clinical or hospital environment.

FDA-cleared products

US FDA · CE · WHO-GMP

1 million+ patients served

40 years of clinical expertise

FDA · CE · WHO-GMP

Certified quality

40 Years

Rehabilitation science

1 Million+

Patients served

500+ Hospitals

Institutional partners

100+ Patents

Proprietary designs

Section 2 — Hero + Trust Bar

Tagline from Step 1 2-col 50/50 split layout Primary + Secondary CTA 5 trust signals in bar below

Headline: "Live without limits. We'll handle the rest." — tagline from Step 1. Lora 600 46px. "limits." in italic Sky Blue for emphasis.
Sub-headline: Addresses recovery patient directly. Open Sans 300 17px, line-height 1.7. Max-width 460px.
Primary CTA: "Shop by Condition" — Deep Blue filled. Routes to condition hub (/conditions). This is the primary conversion goal of the page.
Secondary CTA: "Book a Telemedicine Consult" — Deep Blue outline. Routes to /find-care/telemedicine.
Hero image: Right 50% of section. Warm lifestyle photograph — adult in recovery at home, NOT clinical. Two floating trust pills overlay the image (FDA certified, 1M+ patients).
Trust bar: Off-white strip below hero. 5 trust signals with thin-line icons. Dividers between items. This is the first encounter with MGRM's credentials — kept scannable, not dense.

Section 3 — Condition Finder

Find the right solution for you

What are you looking for help with?

Select your condition or body area — we'll show you the products, guides, and care options that match.

Knee pain

ACL, replacement, OA

Back & spine

Sciatica, disc, posture

Shoulder

Rotator cuff, frozen

Post-surgery

Recovery support

Ankle & foot

Sprain, plantar, DVT

Sports injury

Strains, prevention

Cold & flu

OTC, relief, prevention

Post-stroke

Rehab, mobility, ADL

Diabetes care

Monitoring, foot care

Heart & vitals

BP, SpO₂, monitoring

Section 3 — Condition Finder

Primary discovery mechanism 10 condition tiles (5×2 grid) Category-tinted icon backgrounds

Purpose: This is the most important conversion section after the hero. Consumer arrives knowing their condition, not the product type. This section meets them there.
Grid layout: 5-column × 2-row grid of tiles. Each tile: category-colour icon area, condition name in Open Sans 600 12px, hint text in 10px muted. White bg, 1.5px border.
Featured tile: "Knee pain" shown as active/featured with Sky Tint background and Deep Blue border — highest search volume condition.
On click: Routes to /conditions/[body-area]/[condition-slug] — condition detail page with product recommendations.
Icon colour logic: Matches category — Rehab teal for physical conditions, Pharma gold for medicine-heavy, HC orange for diagnostics/monitoring, Deep Blue for featured.
"View all 28 conditions": Ghost button links to full condition taxonomy page.
Mobile: Collapses to 2-column scrollable grid of body-part buttons (same as mobile nav drawer).

Section 4 — Product Category Preview

Our product range

Three categories. One recovery journey.

From physical rehabilitation to everyday wellness — everything you need, designed for real people.

Rehabilitation

Product image placeholder

Rehabilitation

Clinically designed splints, braces, mobility aids, and compression supports — engineered for every stage of physical recovery.

Featured: ROM Knee Splint · Cervical Collar · Compression Sleeve

Pharmacy & OTC

Product image placeholder

Pharmacy & OTC

WHO-GMP certified generic medicines, topical treatments, and wellness supplements — for relief, prevention, and everyday health.

Featured: Topical Analgesic · Joint Supplement · Cold Relief Kit

Healthcare Systems

Product image placeholder

Healthcare Systems

FDA-cleared portable diagnostic devices, mobile health solutions, and modular healthcare setups — clinical-grade care at home and on the move.

Featured: Pulse Oximeter · Digital BP Monitor · TENS Unit

Section 4 — Three Product Category Preview

3-column card grid Each card: image area + description + featured products + CTA Category accent border-left

Each card has a category-tinted image area (placeholder with SVG icon) + 3px left-border in category accent colour (Rehab teal / Pharma gold / HC orange).
Card title in Lora 600 18px in category colour. Description in Open Sans 13px. Featured products list in 11px muted text.
Each "Explore" CTA uses the category accent colour (not Deep Blue) — the only instance where category accent is used for a CTA, within its own category card.
Off-white section background lifts the white cards visually.
Mobile: stacks to 1-column vertical scroll.

Section 5 — Featured Products / Bestsellers

Most trusted by patients

Best sellers

Rehabilitation

ROM Knee Splint — Post-surgical

Graduated 0–120° hinge. For ACL, TKR & meniscus recovery.

★★★★★4.8 (312 reviews)

Rehabilitation

Cervical traction collar

Adjustable neck support. For cervical spondylosis & disc issues.

★★★★½4.6 (189 reviews)

Pharmacy

Joint care supplement — 90 days

Glucosamine & chondroitin. WHO-GMP certified. For OA & joint health.

★★★★★4.7 (445 reviews)

HC Systems

Portable pulse oximeter

Clinical-grade SpO₂ & HR. FDA-cleared. For home monitoring.

★★★★★4.9 (621 reviews)

Section 5 — Featured Products / Bestsellers

Carousel (4 visible, arrows + dots) Category pill, title (Lora), desc, rating, price, Add to Cart 3px left category border

4-column grid on desktop. Carousel with dots indicator. Left/right arrow navigation (not shown for clarity).
Product title in Lora 600 14px. Description in Open Sans 11px. Rating with star glyphs + review count. Price in Deep Blue 600 16px. "Add to cart →" in Sky Blue 12px.
Each card has 3px left-border in category accent colour — consistent with Step 2 card system.
Image area height 160px with category-tinted background. Production version uses real product photography.
Ratings and review counts drive trust — condition-specific reviews ("helped me walk 3 weeks post-ACL") are prioritised in the reviews shown below the product name on the PDP.
"View all products →" ghost link top-right routes to /products full catalogue.

Section 6 — How It Works

Simple. Guided. Personal.

Three steps to your recovery

We make it easy to find exactly what you need — whether you know your product or just know your condition.

1

Find your condition

Select from 28 conditions or use our body-part selector. We match your situation to the right products and guides instantly.

→

2

Choose your product

Browse condition-matched products with clear descriptions, clinical rationale, and real patient reviews. Need help? Our product finder does the thinking for you.

→

3

Start your recovery

Order in minutes. Fast delivery. Access how-to guides, recovery timelines, and our telemedicine support — every step of the way.

Section 6 — How It Works

Sky Tint background — softer pacing 3-step horizontal flow Numbered circles + icons + title + description

3-column grid with arrow connectors between steps. Deep Blue numbered circles (Lora 600 22px).
Icon wrap: white square with rounded corners, light border — consistent with the thin-line icon system from Step 2.
Step titles in Lora 600 17px. Descriptions in Open Sans 13px Cool Gray. No CTA needed in this section — it's a trust-building explainer, not a conversion module.
Sky Tint (#e8f4fb) background creates visual breathing room between the dense product sections above and below.
Mobile: stacks to 3-row vertical with arrows rotated 90°.

Section 7 — Telemedicine Promo Band

Find Care · Telemedicine

Can't see a doctor?
Consult from home.

Talk to a qualified physiotherapist or healthcare specialist from your phone or laptop — no travel, no waiting room, no delay in your recovery.

Video consultation with certified specialists

Pre-purchase product advice — get expert guidance before you buy

Post-surgical recovery check-ins from home

Available 7 days a week, morning to evening

Telemedicine consultation visual

Warm video-call interface showing a doctor/physio on one side, patient at home on the other. Natural home setting. Professional but approachable.

Section 7 — Telemedicine Promo Band

Deep Blue full-width band — visual contrast break Single CTA: "Book a free 15-min consult" 2-col: copy left, visual right

Full-width Deep Blue section creates a strong visual break. Sky Blue is used for the CTA button — maximising contrast against the Deep Blue background.
Sky Blue eyebrow label, Lora 600 36px headline in white. Body copy in Open Sans 300 rgba(255,255,255,0.75).
4 feature bullets with Sky Blue dots. CTA: "Book a free 15-min consult" in Sky Blue filled. Links to /find-care/telemedicine.
Right visual: placeholder for a warm video-call lifestyle image. Should show a physio/doctor on screen and a patient at home — not a generic tech illustration.
Subtle decorative circle (rgba(8,167,222,0.08)) in top-right for depth — the only decorative element on the page.
Mobile: stacks to 1-column, visual hidden on small screens.

Section 8 — Trust & Credentials

Built on 40 years of science

Why patients and hospitals trust MGRM

40+

Years of rehabilitation science

1M+

Patients served across India

500+

Hospital & institutional partners

100+

Proprietary design patents

"MGRM Medicare was founded on the belief that every individual — from a child learning to walk to an elder regaining independence — deserves access to scientifically designed rehabilitation tools. Over four decades, our clinical research teams have developed over 100 patented designs across splints, braces, and mobility aids, bringing hospital-grade rehabilitation into the hands of families across India."

FDA (USA)

CE Marked

WHO-GMP

ISO 9001:2015

ISO 14001

ISO 13485

OHSAS 18001

Trusted by 500+ hospitals including

Hospital A

Hospital B

Hospital C

Hospital D

Hospital E

+ 495 more

Section 8 — Trust & Credentials

4 stat cards + origin story quote + 7 cert badges + hospital logos Off-white section background 2-sentence clinical origin story

4 stat cards: White cards in 4-col grid. Lora 600 36px numbers in Deep Blue. Open Sans 13px Cool Gray labels. These map directly to the trust signal hierarchy from Step 1.
Origin story quote: Block-quote style with Deep Blue 4px left-border. Lora 400 italic 16px. 2 sentences only — clinical origin, not marketing copy.
Certification badges: Sky Blue outline pill badges, all certifications from the brief. Links to /about/certifications on click.
Hospital logos: Placeholder 100×40px dashed boxes. Production: real greyscale hospital logos. Label: "Trusted by 500+ hospitals including".
No CTA in this section — pure trust building. The next natural action is the blog or testimonials below.

Section 9 — Health Education / Blog Preview

Recovery Hub

Know more. Recover better.

Rehabilitation

Rehabilitation · 5 min read

Understanding Knee Braces: which type do you actually need?

Static, hinged, or ROM? We break down the differences in plain language — and tell you exactly which brace is right for your surgery or injury.

Read article →

Recovery

Post-surgical · 8 min read

Post-surgical recovery timeline: what to expect week by week

From day 1 after your knee replacement to month 6 — a realistic, clinically-informed guide to milestones, pain management, and regaining mobility.

Read article →

Exercises

Physiotherapy · 6 min read

Home physiotherapy exercises you can do in 20 minutes

Illustrated guide to 7 evidence-based exercises for knee, shoulder, and back recovery — designed by physiotherapists for safe home practice.

Read article →

Section 9 — Health Education / Blog Preview

3 articles: one per category angle Category pill on each card Titles are SEO-friendly condition queries

3-column blog card grid. Each card: category-tinted image placeholder, category pill, read-time meta, article title in Lora 600 16px, excerpt in Open Sans 12px, "Read article →" in Sky Blue.
Article titles are written as search queries ("Understanding Knee Braces: which type do you need?") — these drive organic SEO traffic from patients researching their conditions.
Header: section title left-aligned + "Explore Recovery Hub →" ghost link right-aligned.
Production: real article photography — people performing exercises, medical illustrations, infographic previews. No stock imagery.
Mobile: horizontal scroll (snap carousel) — 1.2 cards visible at a time to signal scrollability.

Section 10 — Testimonials

Real people. Real recovery.

What our patients say

"

I had my ACL reconstruction in March and was walking without pain by week 8. The ROM splint from MGRM was exactly what my surgeon recommended — and the sizing guide on the website made sure I got the right fit the first time.

RK

Rahul K.

ACL reconstruction recovery, Pune

Walking unaided at 8 weeks

"

My father had a hip replacement and we were managing everything from home. The caregiver guide on the Recovery Hub told us exactly what to expect each week. We ordered his walker and compression socks the same day — delivered in 2 days.

SA

Sunita A.

Caregiver — hip replacement, Bengaluru

Father back to daily walks at 10 weeks

"

I run marathons and was nervous about a knee injury before my next race. Booked a telemedicine consult — got professional advice in 20 minutes and the right compression sleeve delivered the next morning. Back to training in 3 weeks.

MP

Megha P.

Runner — knee sprain, Mumbai

Race-ready in 3 weeks

Section 10 — Testimonials

3 testimonials — one per consumer segment White cards on Sky Tint bg Specific outcomes, not generic praise

3-column testimonial cards on Sky Tint background. Each card: large serif quote mark in Sky Tint, quote text in Open Sans 14px italic, avatar initials circle, name/condition/city, outcome pill.
3 consumer segments represented: (1) Recovery patient — Rahul, ACL surgery; (2) Caregiver — Sunita, father's hip replacement; (3) Athlete — Megha, marathon runner.
Outcome pill in Sky Tint + Deep Blue text — specific measurable result ("Walking unaided at 8 weeks"), not generic ("great product").
Production: real patient photos replace initials avatars. Never use stock photography for testimonials — source genuine patients with consent.
Mobile: snap carousel, 1 testimonial per screen.

Section 11 — Find a Stockist / Clinic Locator

Find Care · Stockist Locator

Find MGRM products near you

Search for an authorised MGRM stockist or partner clinic in your city. 500+ locations across India.

Use my current location

Interactive map — Google Maps embed

Shows nearest stockists and clinics with pins. Clicking a pin shows address, hours, and product stock.

Section 11 — Find a Stockist / Clinic Locator

2-col: search/content left, map right Text input + Search CTA + Geolocation link + 3 filter tabs White section — clean and functional

Left: section title, sub-copy, search bar (text input + "Search" button fused), "Use my current location" geolocation link, 3 filter tab buttons.
Right: Google Maps embed (dashed border placeholder here). Markers for stockists (Deep Blue) and clinics (Rehab Teal). Clicking marker shows name, address, hours, and available product categories.
Search routes to /find-care/stockist?q=[query] — a dedicated locator results page.
Geolocation uses browser Geolocation API, falls back to IP-based city detection.
Mobile: map moves above search on small screens. Map is 240px tall on mobile.

Section 12 — Footer

Section 12 — Footer (from Step 3 structure)

Dark-navy (#001226) background 5-column grid + certification badges + social + legal Institutional portal link in Sky Blue — only highlight in footer

5-column grid: (1) Brand + tagline + heritage + cert badges; (2) Shop; (3) Recovery Hub; (4) Find Care + Company; (5) My Account + Institutional.
"Institutional portal →" is the only Sky Blue link in the footer — easy for B2B visitors to find without competing with consumer links.
Certification badges: Sky Blue outline pills on navy background. Link to /about/certifications.
Mid-bar: helpline, email, key cities | Social icons (LinkedIn, Facebook, YouTube, Instagram).
Bottom bar: 6 legal links + copyright. All text at low opacity on navy.
Column 1 includes the site tagline from Step 1, reinforcing brand identity at the end of the scroll.

Live without limits.We'll handle the rest.

What are you looking for help with?

Three categories. One recovery journey.

Best sellers

Three steps to your recovery

Find your condition

Choose your product

Start your recovery

Can't see a doctor?Consult from home.

Why patients and hospitals trust MGRM

Know more. Recover better.

What our patients say

Find MGRM products near you

Live without limits.
We'll handle the rest.

Can't see a doctor?
Consult from home.